<!-- 问卷 -->
<template>
	<view class="multiple-page">
		
		<view class="multiple-page2">
			<view class="multiple-title">
				亲爱的会员，
			</view>
			<view class="multiple-title2">
				感谢您的耐心配合，完成问卷。
			</view>
			<view class="multiple-title3">
				您可以点击下面的“我的问卷”，将其发送给我们的专业客服，客服将根据您的问卷，结合您的实际情况，给您专业且有针对性的修护建议和产品推荐。
			</view>

			
			<view class="multiple-foot">
				
				
				<view class="multiple-foot-div">
					<viwe class="multiple-foot-div2" @tap="jump('/pages/questionnaire/my_multiple')">
						我的问卷
					</viwe>
				</view>
				<view class="multiple-foot-div" @click="gowxchat()">
					<!-- <button open-type="contact" class="u-reset-button obtn1 wechat-btn multiple-foot-div3">
						咨询客服
					</button> -->
					<viwe class="u-reset-button obtn1 wechat-btn multiple-foot-div2">
						咨询客服
					</viwe>
				</view>
			</view>
		</view>
		
		
		<view class="questionnaireinfo-foot2">
			测试题由Magisches Element实验室设计
		</view>
	</view>
</template>

<script>

import { mapMutations, mapActions, mapState, mapGetters } from 'vuex';
export default {
	components: {
	},
	data() {
		return {
			id:0,
			type:0,
			qInfo:[],
		};
	},
	// 是否登录
	computed: {
		...mapGetters(['isLogin', 'authType']),
	},
	onLoad(e){
		let that = this;
		that.type=e.type;
		that.id=e.id;
		console.log(e.id)
		this.getQinfo();
	},
	methods: {
		// 检测
		checkActivity(data, type) {
			if (data) {
				return !data.includes(type);
			}
			return true;
		},
		// 路由跳转
		jump(path, parmas) {
			this.showShare = false;
			this.$Router.push({
				path: path,
				query: parmas
			});
		},
		// 回到首页
		goHome() {
			this.$Router.replaceAll('/pages/index/index');
		},

		// 选项卡
		onTab(id) {
			this.tabCurrent = id;
		},
		
		// 组件返回的type;
		changeType(e) {
			this.buyType = e;
		},
		// 组件返回的规格;
		getSkuText(e) {
			this.currentSkuText = e;
		},
		getQinfo(){
			let that = this;
			that.$http(
				'questionnaire.qInfo', {
					id:that.id
				},
			).then(res => {
				that.qInfo=res.data;
				
			}).catch(e => {
				reject(e)
			});
		},
		gowxchat() {
			wx.openCustomerServiceChat({
				extInfo: {
					url: 'https://work.weixin.qq.com/kfid/kfc5d6cc09d0a26091b'
				},
				corpId: 'wwe60ad851f333cfd2',
				success(res) {
					console.log(res);
				},
				fail(res) {
					console.log(res);
				}
			})
		},
	}
};
</script>

<style lang="scss">
.multiple-page{
	position: relative;
	background-color:#bebebe;
	min-height: 100%;
	padding-top: 70rpx;
	padding-bottom: 120rpx;
}
.multiple-page2{
	margin: 0 33rpx 0 33rpx;
	padding: 97rpx 60rpx 104rpx 60rpx;
	background-color:#bebebe;
	color: #444;
	border-radius: 50rpx;
}
.multiple-title{
	// padding: 50rpx 0rpx 50rpx 0rpx;
	font-size: 52rpx;
}
.multiple-title2{
	padding: 52rpx 0 0 0;
	font-size: 30rpx;
}
.multiple-title3{
	padding: 54rpx 0 400rpx 0;
	font-size: 30rpx;
}
.multiple-conment{
	padding: 50rpx 0rpx 50rpx 0rpx;
	font-size: 35rpx;
}
.multiple-foot{
	font-size: 30rpx;
	padding: 50rpx 0rpx 50rpx 0rpx;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.multiple-foot-div{
	min-width: 20rpx;
	min-height: 20rpx;
}
.multiple-foot-div2{
	background-color:#bebebe;
	border-radius: 40rpx;
	padding: 20rpx 30rpx 20rpx 30rpx;	
}
.multiple-foot-div3{
	background-color:#bebebe;
	border-radius: 40rpx;
	padding: 20rpx 30rpx 20rpx 30rpx;	
}
.multiple-title2-span{
	// text-decoration:underline;
	border-bottom: 1px solid white;
	margin-left: 20rpx;
	margin-right: 20rpx;
}
.questionnaireinfo-foot2{
	position: absolute;
	bottom: 60rpx;
	text-align: center;
    width: 100%;
	font-size: 19rpx;
	color: #444;
}
</style>
